<!doctype html>

<html>
    
    <head>
        <title>YII 'ole Library</title>
		<link rel="stylesheet" href="style.css" />
    </head>
    
    <body>
        <div id="pageWrapper">
            <h1 id="mainHeader">YII 'ole Library</h1>
            
            <div id="mainMenu">
                <a id="bookListLink" href="#" class="home-menu-button">Book List</a>
                <a id="bookCheckInLink" href="#" class="home-menu-button">Check-In Book</a>
                <a id="addNewBookLink" href="#" class="home-menu-button">Add New Book</a>
            </div>
            
            <div id="footer">
                developed <span class="orange-font">&amp;</span> designed by <span class="bold-font">DerrickW</span>
            </div>
        </div>
        
        <br /><br /><br />
        
        <div id="pageWrapper">
            <h1 id="mainHeader">YII 'ole Library</h1>
            
            <ul id="bookList">
                <li class="book-list-item">
                    <h2>Book Title 1</h2>
                    <p class="book-description">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>   
                    <ul class="book-item-action-panel">
                        <li>[ <a href="#">details</a> ]</li>     
                        <li>[ <a href="#">check-in</a> ]</li>
                    </ul>
                </li>
                
                <li class="book-list-item">
                    <h2>Book Title 2</h2>
                    <p class="book-description">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>   
                    <ul class="book-item-action-panel">
                        <li>[ <a href="#">details</a> ]</li>     
                        <li>[ <a href="#">check-out</a> ]</li>
                    </ul>
                </li>
            </ul>
            
            <div id="footer">
                developed <span class="orange-font">&amp;</span> designed by <span class="bold-font">DerrickW</span>
            </div>
        </div>


    
    </body>
    
</html>